<template>
    <div>
        <van-nav-bar title="京东注册" left-text="返回" left-arrow @click-left="$router.push('/register')" />
        <van-cell-group inset>
            <van-field v-model="sms" center clearable label="短信验证码" placeholder="请输入短信验证码">
                <template #button>
                    <van-button size="small" type="danger">发送验证码</van-button>
                </template>
            </van-field>
        </van-cell-group>
        <p>
            <van-button type="primary" block @click="$router.push('/password')">下一步</van-button>
            <!-- disabled -->
        </p>
    </div>
</template>

<script lang='ts' setup>
import { ref } from 'vue';
const sms = ref<string>('');

</script>
 
<style lang='scss' scoped>
.van-cell-group {
    margin-top: 60px;
}

p {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;

    .van-button {
        margin-top: 60px;
        width: 90%;
    }
}
</style>